@import url('https://fonts.googleapis.com/css2?family=Pattaya&display=swap'); 

* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
.nordscol {
background-image: url(imgnord/nordckol.jpg) ;
background-repeat: no-repeat;
background-size: cover; }
.nord {
position: absolute; 
left: 800px;
top: 60px;
transition: 1s;
width: 500px;
}
.croun {
     position: absolute; 
     left: 1500px;
     top: 200px;
height: 750px;
width: 680px;
transition: 1s;
}
.calim {
     position: absolute; 
     left: 270px;
     top: 270px;
height: 600px;
width: 620px;
transition: 1s;
}
.pand {
     position: absolute; 
left: 830px;
top:  750px;
transition: 1s;
width: 450px;
}
.islnd {
     position: absolute; 
     left: 1140px;
     top: 410px;
height: 340px;
width: 400px;
transition: 1s;
}
.nord:hover {
     transform: scale(1.3);
}
.islnd:hover {
     transform: scale(1.35);
}
.calim:hover {
     transform: scale(1.5);
}
.croun:hover {
     transform: scale(1.5);
}
.pand:hover {
     transform: scale(1.5);
}
.logo {position: fixed;}
h1 {
     font-family: 'Pattaya', sans-serif;
     text-align: center;
     font-size: 130px;
     top: -10px;
}
.nordtext {
font-size: 40px;
font-family: 'Pattaya', sans-serif;
margin-right: 1000px;
color: wheat ;
}
.nordimg {
right: 50px;
position: absolute;
top: 350px;
width: 900px;
height: 600px;
}
.nordlich {
margin-top: 100px;
float: right;
}
.container {
     max-width: 90%;
     margin: 0 auto;
}
.row {
     display: block;
     text-decoration: none;
}
.row:after {
     content: "";
     display: block;
     clear: both;
}
.w50 {
     width: 50%;
     float: left;
     padding: 20px;
}
.text-right {
     text-align: right;
}
.res-img {
     max-width: 100%;
     height: auto;
}
.paper-text {
     font-size: 40px;
     font-family: 'Pattaya', sans-serif;
     color: wheat ;  
     text-align: justify;
}
.panda {
     background-image: url(imgpand/fon.jpg) ;
background-repeat: no-repeat;
background-size: cover;
}
.mappand {
width: 100%;
}
.calimdor {
background-image: url(imgcalim/fon.jpeg);
background-repeat: no-repeat;
background-size: cover;
}
.opacity {
     background-color: #0000005c;
     padding: 20px;
}
.pandtext {
     color: burlywood;
     opacity: 100%;  
}
.maintextC {
position: absolute;
top: 300px;
left: 280px;
font-size: 50px;
font-family: 'Pattaya', sans-serif;
opacity: 0%;
transition: 3s;
color: black;
}
.logo {
position: absolute;
left: 140px;
top: -30px;
}
.link-img:hover .maintextC {
     opacity: 1;
}
.maintextP {
     position: absolute;
     top: 950px;
     left: 620px;
     font-size: 50px;
     font-family: 'Pattaya', sans-serif;
     opacity: 0%;
     transition: 3s;
     }
.pandopacity:hover .maintextP {
     opacity: 1;
}
.maintextN {
     position: absolute;
     top: 70px;
     left: 620px;
     font-size: 50px;
     font-family: 'Pattaya', sans-serif;
     opacity: 0%;
     transition: 3s;
}
.nordopacity:hover .maintextN {
     opacity: 1;
}
.body:hover .maintext {
     opacity: 1;
}
.maintextV {
     position: absolute;
     font-size: 50px;
     font-family: 'Pattaya', sans-serif;
     opacity: 0%;
     transition: 3s;
     left: 1500px;
     top: 85px;
}
.crounopacity:hover .maintextV{
     opacity: 1;
}
.maintextI {
position: absolute;
font-size: 50px;
     font-family: 'Pattaya', sans-serif;
     opacity: 0%;
     transition: 3s;
     left: 750px;
     top: 600px;
}
.islndopacity:hover .maintextI{
     opacity: 1;
}
.islands{
     background-image: url(imgislnd/fonislnf.png);
background-repeat: no-repeat;
background-size: cover;
}
.islntext{
     font-family: 'Pattaya', sans-serif;
     color: rgba(0, 0, 0, 0.715);
}
.crounfon {
     background-image: url(imgcroun/hq720.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     }
.crountext {
     font-family: 'Pattaya', sans-serif;
     color: white;
}
.maplond {
     width: 100%;
height: 700px;
}
.londeron {
     background-image: url(imglorderon/fon1.jpeg);
     background-repeat: no-repeat;
     background-size: cover;
}
.Kazmodan {
background-image: url(imgkaz/aVPA072_700b.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.Azerothfon {
     background-image: url(imgazer/HD-wallpaper-world-of-warcraft-azeroth-battle-wow.jpg);
     background-repeat: no-repeat;
     background-size: cover;
}
.mainpage {
     background-image: url(imgmain/WorldMap-Cosmic.webp);
     background-repeat: no-repeat;
     background-size: cover;
}
.main_azer {
     width: 685px;
height: 666px;
position: absolute;
top: 349px;
left: 707px;}


.main_outlands {
     position: absolute;
     height: 500px;
     width: 683px;
top: 762px;
left: 67px;}



.main_shadow {
     width: 700px;
height: 482px;
position: absolute;
top: 95px;
left: 21px;}
.main_drenor {
     width: 618px;
height: 506px;
position: absolute;
top: 577px;
left: 1406px;}
.backmain {
background-color: brown;
height: 100px;
width: 100px;
}
.bodyyy {
     background-color: wheat;
}
.shadowfon {
     background-image: url(imgshadow/883012.0.jpg);
     background-repeat: no-repeat;
     background-size: cover;
}
.shd {
     padding-right: 1000px;
font-size: 30px
}
.centershadow {
     text-align: center;
     font-size: 40px;
     padding-bottom: 5px;
}
.hshadow {
color: white;
}
.colorshadow {
     color: white;
}
.shadowmap {
     position: absolute;
     top: 200px;
     height: 600px;
     width: 900px;
     right: 100px;
}
.invis {
     opacity: 0;
}
.righttext {
     position: absolute;
     right: 60px;}
.logoshadow {
position: absolute;
top: 10px;
left: 10px;
width: 330px;
height: 150px;
}





.circle {
     position: absolute;
     height: 350px;
     width: 350px;
     right: 100px;
     top: 80px;
     
     
}

.circle .compas {
     width: 300px;
     height: 300px;
     position: absolute;
     bottom: 0;
     left: 50%;
     margin-left: -150px;
     transition: 7s;
}

.circle .aboutmemain {
     position: absolute;
     right: -150px;
     text-align: center;
     top: 40px;
     transform: rotate(45deg);
     font-family: 'Pattaya', sans-serif;
     display: block;
     width: 300px;
     height: 50;
     font-size: 30px;
     text-decoration: none;
     z-index: 999;
   
}

.circle .informmain {
     position: absolute;
     left: -150px;
     text-align: center;
     top: 40px;
     transform: rotate(-45deg);
     font-family: 'Pattaya', sans-serif;
     display: block;
     width: 300px;
     height: auto;
     font-size: 30px;
     text-decoration: none;
     z-index: 999;

} 
.circle:hover .compas{
     transform: rotate(3600deg)
     
}
.textdrenor {
     font-size: 30px;
     font-family: 'Pattaya', sans-serif ;
padding-right: 850px;
color: white;
}
.drenorfon {
     background-image: url(imgdrenor/maxresdefault.jpg);
     background-repeat: no-repeat;
     background-size: cover;
}
.drenorh {
     color: white;
}
.drenorimg {
     position: absolute;
     top: 190px;
     width: 800px;
     right: 10px;
     height: 450px;
     
}
.mainpage a>img {
     filter: grayscale(40%);
     transition: 1s;
}

.mainpage a>img:hover {
     filter: grayscale(0%);
}
.shadowimg {
     top: 1000px;
}
.logodrenor {
     position: absolute;
     height: 200px;
     width: 350px;
     top: 5px;
}
.drenorimgg {
     position: absolute;
     top: 690px;
     width: 800px;
     right: 10px;
}
.nordpersons {
     width: 500px;
     height: 600px;
}
.nordpersontext {text-align: center;
     font-family: 'Pattaya', sans-serif;
     font-size: 50px;
}
.arrow {
     width: 350px;
     height: 250px;
     position: absolute;
     top: 1740px;
     right: 370px;
   transform: scale(-1, 1);
   transform: rotate(-270deg);
}
.lichnord {
     position: absolute;
     top: 1980px;
     right: 50px;
     height: 450px;
}
.lichname {
     font-family: 'Pattaya', sans-serif;
     font-size: 50px;
     position: absolute;
     top: 2430px;
     right: 135px;
}
.crounh {
     color: white;
}
.logocroun {
     position: absolute;
     top: 0px;
     left: 70px;
}
.nordcolor {
     color: wheat;
}
.todrenor {
     display: block;
     position: absolute;
     right: 150px;
     top: 80px;
     font-family: 'Pattaya', sans-serif;
 font-size: 30px;
 color: white;
 text-decoration: none;
 width: auto;
 background-color: wheat;
 height: auto;
 border-radius: 40px;
 text-align: center;
 }
 tomain {
          position: absolute;
          font-size: 50px;
          
 }
 .textdec {text-decoration: none;}
 .tocroun {
     display: block;
     position: absolute;
     right: 150px;
     top: 80px;
     font-family: 'Pattaya', sans-serif;
 font-size: 30px;
 color: white;
 text-decoration: none;
 width: auto;
 background-color: wheat;
 height: auto;
 border-radius: 40px;
 text-align: center;
 }

.calimh {
     color: wheat;
}
.nordh {
     color: wheat;
}
.white {
     color: white;
}